.logo_wrap {
  @apply flex items-center pt-2 pl-4 select-none;
  @apply transition duration-300 ease-in-out;
  .logo_title {
    @apply uppercase font-bold text-base tracking-wider;
  }
  &.hide_title {
    @apply pl-0 justify-center;
    .logo_title {
      @apply opacity-0 hidden;
    }
  }
}

.trigger_wrap {
  @apply hidden bg-white;
}
.menu {
  padding-right: 6px;
}
.sider_menu_wrap {
  &_bottom {
    .menu {
      padding-bottom: 64px;
    }
    @apply relative;
    .trigger_wrap {
      height: 60px;
      width: 100%;
      bottom: 0;
      @apply absolute left-0 z-50;
      @apply flex items-center justify-end pr-6;
      @apply transition duration-300 ease-in-out;
      .trigger_icon {
        @apply text-gray-600;
        @apply transition duration-300 ease-in-out;
      }
      &.hide_trigger {
        @apply opacity-0 hidden;
        .trigger_icon {
          @apply opacity-0 hidden;
        }
      }
    }
  }
}
